<template>
  <div id="home">
    <div id="logo"></div>
    <div id="title"></div>
    <div id="describe"></div>
    <div id="hotline">客服热线：18065290738</div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
  #home {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: calc(100vh - 84px);
    background-image: url("@/assets/images/home/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    #logo {
      margin-top: 60px;
      width: 252px;
      height: 272px;
      background-image: url("@/assets/images/home/logo.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #title {
      margin-top: 50px;
      width: 441px;
      height: 65px;
      background-image: url("@/assets/images/home/title.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #describe {
      margin-top: 40px;
      width: 830px;
      height: 80px;
      background-image: url("@/assets/images/home/describe.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #hotline {
      height: calc(100% - 600px);
      display: flex;
      align-items: flex-end;
      font-weight: bold;
      color: white;
    }
  }
</style>

